<!DOCTYPE html >
<html>
<head>
<title>#{get 'title' /}</title> #{script 'jquery-1.6.4.min.js' /}
<link rel="stylesheet" href="/public/css/main.css" type="text/css"
	media="screen">
#{get 'moreStyles' /}
<script type="text/javascript" src="/public/javascripts/links.js"></script>
<script type="text/javascript" src="/public/js/links.js"></script>
#{get 'moreScripts' /}
<title>unicarpool.com - ride your own way</title>
</head>
<body>

	<p
		style="background-color: #001239; border-bottom: 1px solid black; border-top: 0px solid black; width: 99.9%; left: 0px; top: 0px; height: 160px; position: absolute;">
	</p>

	<div class="wrap">

		<div class="header">
			<div class="logo">
				<img src="/public/images/logo.png" alt="" /> <img
					src="/public/images/slogan.png" style="left: 400px" />
			</div>

			<div class="slogan">
				<img src="/public/images/slogan.png" />
			</div>
			
			<div><!--  
				<input style="position: absolute; top: 25px; left: 795px;"
					type="text" value="search for ride..."> <input
					style="position: absolute; top: 25px; left: 950px;" type="submit"
					value="Go" class="button">-->
			</div>
			<div class="header-pic">
				<img src="/public/images/header.png" />
			</div>
		</div>

		<div class="nav">

			<a style="left: 20px; text-decoration:none;" id="Start" 
				href="@{Application.index()}">START</a> 
			<a style="left: 170px;" id="Rides"
				onMouseOver="show('Rides')" onmouseout="hide()">RIDES</a> 
			<a 	style="left: 320px;" id="Profile" onMouseOver="show('Profile')"
				onmouseout="hide()">PROFILE</a> 
			<a style="left: 470px;" id="Help"
				onMouseOver="show('Help')" onmouseout="hide()">HELP</a>

		</div>

		<div class="subNav">

			<table id="SubStart" onMouseOver="show('Start')">
			</table>

			<table style="left: 140px;" id="SubRides" onMouseOver="show('Rides')"
				onmouseout="hide()">
				<tr>
					<td><a class="whiteAnchor" title="Search Ride"
						href="@{Rides.search()}">Search Ride</a>
					</td>
				</tr>
				<tr>
					<td><a class="whiteAnchor" title="Create Ride"
						href="@{Rides.index()}">Create Ride</a>
					</td>
				</tr>
				<tr>
					<td><a class="whiteAnchor" title="Search Ride"
						href="@{Rides.showRides()}">Show all </a>
					</td>
				</tr>
			</table>

			<table style="left: 305px;" id="SubProfile"
				onMouseOver="show('Profile')" onmouseout="hide()">
				<tr style="">
					<td><a class="whiteAnchor" title="Account"
						href="@{Profile.manageAccount()}">Account </a>
					</td>
				</tr>
				<tr>
					<td><a class="whiteAnchor" title="MyRides"
						href="@{Rides.showBookings("booking", null)}">My Rides</a>
					</td>
				</tr>
				<tr style="">
					<td><a class="whiteAnchor" title="Timetable"
						href="@{Profile.timetable()}">Timetable </a>
					</td>
				</tr>
				<tr>
					<td><a class="whiteAnchor" title="CarInfo"
						href="@{Profile.showCarInfo()}">Car Info</a>
					</td>
				</tr>

			</table>

			<table style="left: 445px;" id="SubHelp" onMouseOver="show('Help')"
				onmouseout="hide()">

				<tr style="">
					<td>FAQ</td>
				</tr>
				<tr>
					<td>Contact us</td>
				</tr>
			</table>

		</div>

		<div class="content-wrap">
			<div class="content">
				#{if flash.error}
				<p class="fError">
					<strong>${flash.error}</strong>
				</p>
				#{/if} #{if flash.success}
				<p class="fSuccess">
					<strong>${flash.success}</strong>
				</p>
				#{/if} #{doLayout /}
			</div>
			<br style="clear: both;" />
		</div>

		<div class="sidebar">
			<!--Sidebar login-->
			<div class="login">
				#{if session.get("user")}
					#{form @Application.logout()}
						<br><br> <br>
						<h2 style="color: white">Welcome ${session.get("user")}:</h2>
						<div style="float: left;"><img src="/public/images/user.png" style="width: 120px; height: 120px;" /></div>
						<div style="float: right;"><input type="submit" name="logout" value="Logout"
							style="height: 25px; width: 60px; margin-top: 100px;"></div>
					#{/form}
				#{/if}
				#{else}
					#{form @Application.login()}
						<h3></h3>
						<br> <br>
						<h4>Username:</h4>
						<input name="username" type="text" size="25" maxlength="30" value="">
						<br>
						<br>
						<h4>Kennwort:</h4>
						<input name="password" type="password" size="25" maxlength="12">
						<br>
						<br>
						<br> <input type="submit" name="login" value="Login"
							style="height: 25px; width: 50px;"> <input type="submit"
							name="pass" value="Forgot password"
							style="height: 25px; width: 120px;"> <br>
						<br> <a href="@{register()}"> register</a>
					#{/form}
				#{/else}
			</div>
			<!--Sidebar other info-->
			<div class="advertising">
				<h2>Your Advertising here</h2>
				use the <a href="index.html">contact form</a> to get in touch with
				us
			</div>

			<div class="advertising">
				<h2>Your Advertising here</h2>
				use the <a href="index.html">contact form</a> to get in touch with
				us
			</div>

			<!--sfarsit sidebar-->
		</div>


	</div>
	<div class="footer">

		<p id="copyright">Copyright &copy; 2012</p>

		<p>UniCarpool.com</p>

		Impressum | AGB | Copyright by unicarpool.com, 2012

	</div>	
</body>
</html>